
<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>02_基础标签</title>
</head>
<body>
    我是ysyyds
    <br>
    <!--  加粗文本标签  -->
    <b>我是ysyyds</b>
    <br>
    <!--  斜体文本标签  -->
    <i> 我是ysyyds</i>
    <br>
    <!--  删除文本标签  -->
    <s> 我是ysyyds</s>
    <br>
    <!--  文本下划线标签  -->
    <u> 我是ysyyds</u>
    <br>
    <!--  高亮标记文本  -->
    <mark> 我是ysyyds</mark>

    <!--  2.标题标签  -->
    <h1>一级标签</h1>
    <h2>二级标签</h2>
    <h3>三级标签</h3>
    <h4>四级标签</h4>
    <h5>五级标签</h5>
    <h6>六级标签</h6>
    <h7>七级标签</h7>


    <!--  3.段落标签 独占一行 有垂直方向的行间距  -->
    <p>我是段落文本</p>
    <p>我是段落文本</p>
    <p>我是段落文本</p>
    <!--  4.生成假文:lorem + tab 补全  -->
    <!--  Ctrl+D复制当前行 Ctrl+Y删除当前行 Home光标移至首行 end光标移至末行 shift+回车添加空白行  -->
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid, at beatae doloribus, ea eum fugit harum laborum magni, natus veritatis vero voluptas. Doloribus dolorum error nam obcaecati quidem totam veniam?</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores autem consectetur corporis deleniti eum repudiandae saepe tempora? Accusamus amet aperiam aut earum, eius necessitatibus nihil nisi optio quibusdam similique vitae!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores autem consectetur corporis deleniti eum repudiandae saepe tempora? Accusamus amet aperiam aut earum, eius necessitatibus nihil nisi optio quibusdam similique vitae!</p>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores autem consectetur corporis deleniti eum repudiandae saepe tempora? Accusamus amet aperiam aut earum, eius necessitatibus nihil nisi optio quibusdam similique vitae!</p>
    <!--  5.转义符号：&lt;小于号（less than） &gt;大于号（great than） &nbsp;空格  -->
    我是xzj我喜欢ys
    我是xzj我喜欢ys <br>
    我是&lt;xzj&gt;我喜欢&nbsp;&nbsp;&nbsp;ys <br>

    <!--  6.有序列表  -->
    <ol type="1">
        <li>拿出手机</li>
        <li>打开美团</li>
        <li>点菜</li>
        <li>结账</li>
    </ol>
    <!--  7.无序列表  -->
    <ul type="none">
        <li>《ysyyds》</li>
        <li>《ysyyds666》</li>
        <li>《ysyyds999》</li>
        <li>《ysyyds520》</li>
    </ul>
</body>
</html>

















